/* 重置默认样式 */

html {
  &:root {
    --td-font-family: -apple-system, 'PingFang SC', 'Microsoft YaHei',
      'Arial Regular';
    --td-font-family-medium: -apple-system, 'PingFang SC', 'Microsoft YaHei',
      'Arial Medium';
  }
}

* {
  box-sizing: border-box;
  flex-shrink: 1; // postcss-flexbugs-fixes 需要设置
}

body {
  padding: 0;
  margin: 0;
  font: var(--td-font-body-medium);
  font-family: var(--td-font-family);
  color: var(--td-text-color-secondary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-overflow-scrolling: touch;
}

ul,
dl,
li,
dd,
dt {
  padding: 0;
  margin: 0;
  list-style: none;
}

figure,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

/* 统一IOS和Android光标颜色 */
input,
select,
textarea {
  caret-color: #000;
}

/* 统一文本选中颜色 */
::selection {
  color: #fff !important;
  background: var(--td-brand-color) !important;
}

/* 统一输入框placeholder描述 */
::placeholder {
  color: var(--td-text-color-placeholder);
}

/* 解决自动填充出现背景色的问题 START */
input:autofill,
textarea:autofill,
select:autofill {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: 0 0 0 1000px var(--td-bg-color-specialcomponent) inset !important;
}

[theme-mode='dark'] input:autofill,
textarea:autofill,
select:autofill {
  box-shadow: 0 0 0 1000px #3c424a inset !important;
}

input {
  background-color: transparent !important;
  background-image: none !important;
}

/* 解决自动填充出现背景色的问题 END */

/* nprogress插件主题配置 START */
#nprogress {
  .bar {
    background: var(--td-brand-color);
  }

  .peg {
    box-shadow:
      0 0 10px var(--td-brand-color),
      0 0 5px var(--td-brand-color);
  }

  .spinner-icon {
    border-top-color: var(--td-brand-color);
    border-left-color: var(--td-brand-color);
  }
}

/* nprogress插件主题配置 END */

.t-table--hoverable tbody tr:hover {
  background-color: rgba(4, 153, 252, 0.05) !important;
}
